<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/animate.min.css"/>
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/headfoot.css"/>
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
            new WOW().init();
        }
    </script>
</head>
<body>
<!--头部部分-->
<div class="heads">
    <script>$(".heads").load("head.html");</script>
</div>
<div class="banner">
    <img src="images/index/banner.jpg" alt="" class="pc_show"/>
    <img src="images/index/shouji.jpg" alt="" class="pc_hide"/>
    <div class="banner-text wow bounceInLeft">
        <h1> 连接世界  未来已来 </h1>
        <p>优化到极致的网络传输技术，让数据传输更快、更稳定、更安全</p>
        <h4> Connecting the world, <br/>
            from the future</h4>
        <a class="active bap" href="#"> 开始试用 </a> <a href="#"> 下载技术白皮书</a>
    </div>
</div>
<div class="main-1 padd50">
    <div class="main-md">
        <div class="main-lf padlf wow bounceInLeft">
            <div class="tit">
                <h1> 全球TCP加速  <b></b> </h1>
            </div>
            <p> 远距离传输，TCP提速40倍以上 <br/>
                超强抗网络丢包，适应70%丢包率极端网络环境适应各种弱网环境，用TCP就够了 <br/>
                适合传输信令、即时消息、文件等 </p>
        </div>
        <div class="main-rt padrt wow bounceInRight">
            <img src="images/index/main-1.jpg" alt=""/>
        </div>
        <div class="both"></div>
    </div>
</div>
<div class="main-1 padd50 huibg">
    <div class="main-md">
        <div class="main-rt  padlf wow bounceInLeft">
            <img src="images/index/main-2.jpg" alt=""/>
        </div>
        <div class="main-lf padrt wow bounceInRight">
            <div class="tit">
                <h1>全球UDP加速  <b></b> </h1>
            </div>
            <p>可靠UDP实现零错序，无拥塞时零丢包。 <br/>
                极限控制最大传输时延（高实时性）<br/>
                超强抗网络丢包，适应70%丢包率极端网络环境<br/>
                智能检测带宽防止网络拥塞。<br/>
                适合传输高实时性要求数据，如音视频数据等。 </p>
        </div>
        <div class="both"></div>
    </div>
</div>
<div class="main-1 padd50">
    <div class="main-md">
        <div class="main-lf padlf wow bounceInLeft">
            <div class="tit">
                <h1> 高稳定性  <b></b> </h1>
            </div>
            <p> 全网多路径 ，智能路由，躲避网络拥塞。 <br/>高峰时段，网络依旧流畅稳定
                <br/>   可靠性 > 99.999% </p>
        </div>
        <div class="main-rt padrt wow bounceInRight">
            <img src="images/index/main-3.jpg" alt=""/>
        </div>
        <div class="both"></div>
    </div>
</div>
<div class="main-1 padd50 huibg">
    <div class="main-md">
        <div class="main-rt  padlf wow bounceInLeft">
            <img src="images/index/main-4.jpg" alt=""/>
        </div>
        <div class="main-lf padrt wow bounceInRight">
            <div class="tit">
                <h1>高安全性  <b></b> </h1>
            </div>
            <p>访问隔离，数据全加密传输 <br/>
                网络攻击无懈可击<br/>
                防DDoS攻击，防DNS/HTTP劫持攻击  </p>
        </div>
        <div class="both"></div>
    </div>
</div>
<div class="main-2 app padd50">
    <div class="main-md">
        <div class="tits">
            <h1> APP加速<b></b> </h1>
            <p>为您的APP提供全球⽹网络加速解决⽅方案 <br/>
                使您的APP在远距离、弱⽹网接⼊入时，速度更快，体验更好</p>
            <div class="ar"><a href="#"> 深⼊入了解APP加速</a></div>

        </div>
        <div class="app-img">
            <img src="images/index/main-5.png" alt=""/>
        </div>
    </div>
</div>
<div class="main-2 sd">
    <div class="main-md">
        <div class="tits">
            <h1> SD-WAN+<b></b> </h1>
            <p>为企业及分支机构提供全球互联解决方案 <br/>
                实现媲美专线的高QoS全球专网</p>
            <div class="ar">
                <a href="#"> 深⼊入了解 SD-WAN+</a>
            </div>

        </div>
        <div class="app-img">
            <img src="images/index/main-6.png" alt=""/>
        </div>
    </div>
</div>

<!--页尾-->
<div class="foots">
    <script>$(".foots").load("foot.html");</script>
</div>
<script>
    $(function(){
        $(".banner-text a").hover(function(){
            $(this).addClass("active").siblings().removeClass("active");
        })
        /*首页浮动效果函数*/
        function fdxg(div,offset,time){
            var oTop, sTop, dHeight, wHeight;
            oTop = $(div).offset().top;//元素相对于窗口的距离
            sTop = $(window).scrollTop(); //监控窗口已滚动的距离;
            dHeight = $(document).height();//整个文档的高度
            wHeight = $(window).height();//浏览器窗口的高度
            if (wHeight + sTop > oTop + offset) {
                setTimeout(function(){
                    $(div).animate({ marginTop: 0 }, 1000);
                },time)
            }
        }
        $(window).on("scroll",function(){
            fdxg('.app h1',100,0);
            fdxg('.app p',100,0);
            fdxg('.app .ar',100,0);
            fdxg('.app-img',100,0);
            fdxg('.sd h1',100,0);
            fdxg('.sd p',100,0);
            fdxg('.sd .ar',100,0);
            fdxg('.sd .app-img',100,0);

        });
    });
</script>
</body>
</html>